<template>  
  <dv-full-screen-container style="width: 100%; height: 100%;">
    <div class="bg content">
    <Header></Header>

    <div class="main">
      <Left></Left>
      <Center></Center>
      <Right></Right>
    </div>
    </div>
  </dv-full-screen-container>
</template>
  
<script setup>
import Header from "./module/header.vue"
import Right from "./module/right/index.vue"
import Center from "./module/center/index.vue"
import Left from "./module/left/index.vue"
</script>

<style scoped>
.main{
  display: flex;
  height: 100vh;
  /* padding: 0 10px;
 
  gap: 10px; */
}
.bg{
  background: url('@/assets/bg.gif') no-repeat center center;
  background-size: cover;
}
.content{
  width: 100%;
  height: 100vh;
  color: #d3d3d3;
}
</style>
